<#-- @ftlvariable name="item" type="com.xci.edu.core.entity.EduStudentPeriodSummary" -->
<#--<div id="gridtoolbar">-->
<#--    <table id="eduDataGrid" data-options="form:'#gridform',toolbar:'#gridtoolbar'">-->
<#--        <thead>-->
<#--        <tr>-->
<#--            <th data-options="field:'ck',checkbox:true"></th>-->
<#--            <th data-options="title:'学员主键',field:'studentId',width:200,align:'left',sortable: false"></th>-->
<#--            <th data-options="title:'课件主键',field:'coursewareId',width:200,align:'left',sortable: false"></th>-->
<#--            <th data-options="title:'学时(秒)',field:'period',width:200,align:'left',sortable: false"></th>-->
<#--        </tr>-->
<#--        <foreach>-->
<#--            <th> ${entity.name}</th>-->
<#--            <th>${entity.period}</th>-->
<#--            <th>${entity.period}</th>-->
<#--        </foreach>-->
<#--        </thead>-->
<#--    </table>-->
<#--</div>-->
<style >
    th{
        border: 1px solid #ddd;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        font-weight: bold;
        font-size: 14px;
        background-color: #f1f5fa;}
    td{
        border: 1px solid #ddd;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        font-size: 14px;
    }
</style>
<table id="eduDataGrid" data-options="form:'#gridform',toolbar:'#gridtoolbar'">
    <colgroup>
        <col width="750">
        <col width="210">
        <col width="210">
        <col width="130">
    </colgroup>
    <tr>
        <th >课程名称</th>
        <th >本章节学时</th>
        <th >已获学时</th>
        <th >操作</th>
    </tr>

    <#list entityList as item>
        <tr>
            <td >${item.coursewareName}</td>
            <td >${item.allPeriodToText}</td>
            <td >${item.periodToText}</td>
<#--            <td class="text-center"><a class="btn btn-primary btn-sm" href="/train/eduStudentPeriod/student_period?courseType=${item.courseType} ">开始学习</a></td>-->
            <td><button class="btn btn-primary ml-5" onclick="ToPeriod(${item.courseType})">开始学习</button></td>
        </tr>
    <#else>
        <tr>
            <td colspan="5">无数据</td>
        </tr>
    </#list>

</table>

<script>

    //region后台拼接
    function ToPeriod(courseType) {
        // var srerchstr = $("#serchText").val();
        var url='/train/eduStudentPeriod/student_period?courseType='+courseType;
        debugger
        $.ajax({
            // url: '/background/eduValidateQuestion/validateData',
            url: url,
            type: 'GET',
            async: true,
            data: {
            },
            timeout: 3000,
            beforeSend: function (xhr) {
            },
            success: function (data, textStatus, jqXHR) {
                // console.log(data);
                $("#eduData").html(data);
            },
            error: function (xhr, textStatus) {
                console.log(xhr);
            },
            complete: function () {
                //console.log("complete");
            }
        })
    }
    //endregion
</script>

